.banner{width: 100%;height: 310px;background: url(../images/banner5.jpg)no-repeat center;}

.list-nav{height: 34px;margin-top: 17px;margin-bottom: 30px;font-size: 14px;font-weight: bold;color: #818388;border-bottom: 1px solid #bbb8b5;}

.product{width: 1200px;;background-color: white;}
.product h2{font-size: 28px;line-height: 30px;color: #252525; margin-bottom: 22px;}
.product .active ::after{content: '';display: block; width: 54px;height: 4px;background-color: #15bded;margin-top: 18px;}
.product h2 span{font-size: 22px;color: #bbb8b5;}


.product-l{width: 263px; height: 584px;}
.product-l .prol-1{width: 263px;height: 300px;}
.product-l .prol-1 li{width: 263px;height: 50px;text-align: center;line-height: 50px;margin-bottom: 1px;background-color: #f2f2f2;}
.product-l .prol-1 li a {width: 55px;height: 14px;font-size: 14px;color: #252525;background-color: #f2f2f2;}
.product-l .prol-2{width: 263px;}
.product-l .prol-2 img {width: 263px;height: 263px;margin-top: 21px;}
.product-l  .prol-1 a:hover{color: red;}

.product-r{width: 910px;  margin-left: 25px;}
.product-r img {width: 250px;height: 250px;}
.product-r li  p{font-size: 12px;font-weight: bold;;color: #3f3e45;}
.product-r .photo1{float: left;padding: 17px 17px 66px 17px;}
.product-r .photo2{float: left;padding: 17px 17px 66px 17px;margin: 0 22px;}
.product-r .photo3{float: right;padding: 17px 17px 66px 17px;}
.product-r p{font-size: 13px;line-height: 25px;color: #606369; }
.product-r p a{width: 15px;height: 21px; border: 1px solid #bbb8bb;}
.product-r p .one{border: none;color: red;}
.product-r p button:hover{background-color: #15bded;border: none;}